@charset "utf-8";
/* Default CSS */

/*CSSマップ

1-1 サイト全体

*/

/* -------------------------------------------------------

1-1 サイト全体

------------------------------------------------------- */
html{
	height:100%;
}
body{
	width: auto;
	height: auto;
}


/* -------------------------------------------------------

2-1 ヘッダ

------------------------------------------------------- */
header#header_site{
	background-image: url(../img/common/common_header-bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	width: 100%;
	height: 600px;
}
header#header_site02{
	background-image: url(../img/common/common_header-bg.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	margin-bottom: 40px;
	width: 100%;
	height: 349px;
}

nav.header_site-menu{/* メニュー */
	position: absolute;
	top: 99px;
	left:0;
	background-image: url(../img/common/common_header-menu_bg.png);
	background-position: left top;
	background-repeat: repeat-x;
	width: 100%;
	height: 80px;
	z-index: 90;
}
nav.header_site-menu div.header_site-menu-inner{
	margin: 0 auto;
	width: 960px;
	/* height: 600px; */
}

nav.header_site-menu div.header_site-menu-inner p.header_site-menu-logo{
	float: left;
	width: 448px;
	height: 74px;
}

nav.header_site-menu div.header_site-menu-inner ul.header_site-menu_nav{
	float: right;
	width: 480px;
	height: 74px;
}
nav.header_site-menu div.header_site-menu-inner ul.header_site-menu_nav li{
	float: left;
	height: 74px;
}
nav.header_site-menu div.header_site-menu-inner ul.header_site-menu_nav li a{
	display: block;
	height: 74px;
}

nav.header_site-menu div.header_site-menu-inner ul.header_site-menu_nav li.header_site-menu_home a{
	background-image: url(../img/common/common_header-menu_home_over.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 96px;
}
nav.header_site-menu div.header_site-menu-inner ul.header_site-menu_nav li.header_site-menu_works a{
	background-image: url(../img/common/common_header-menu_works_over.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 98px;
}
nav.header_site-menu div.header_site-menu-inner ul.header_site-menu_nav li.header_site-menu_torikumi a{
	background-image: url(../img/common/common_header-menu_torikumi_over.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 99px;
}
nav.header_site-menu div.header_site-menu-inner ul.header_site-menu_nav li.header_site-menu_company a{
	background-image: url(../img/common/common_header-menu_company_over.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 100px;
}
nav.header_site-menu div.header_site-menu-inner ul.header_site-menu_nav li.header_site-menu_qa a{
	background-image: url(../img/common/common_header-menu_qa_over.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 87px;
}

nav.header_site-menu div.header_site-menu-inner ul.header_site-menu_nav li a:hover{
	background-color:transparent;
}
nav.header_site-menu div.header_site-menu-inner ul.header_site-menu_nav li a:hover img{
	visibility:hidden;
}

header#header_site div.header_site-area{/* ヘッダ内部 */
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 600px;
}

header#header_site02 div.header_site-area02{/* ヘッダ内部 */
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 320px;
}

h1.header_site-h1{
	position: absolute;
	top: 10px;
	right: 0;
	width: 480px;
	height: 51px;
	font-size: 4px;
	z-index: 10;
}
ul.header_site-tel{
	position: absolute;
	top: 5px;
	right: 0;
	width: 480px;
	height: 51px;
	z-index: 20;
}
ul.header_site-tel li.header_site-tel_txt{
	position: absolute;
	top: 0;
	right: 0;
	width: 480px;
	height: 51px;
}
ul.header_site-tel li.header_site-tel_bt{
	position: absolute;
	top: 25px;
	right: 10px;
	width: 141px;
	height: 35px;
}

h2.header_site-promo_top{/* トップページ */
	position: absolute;
	top: 190px;
	left: 0;
	width: 480px;
	height: 320px;
}
h2.header_site-promo_top02{/* 下位ページ */
	position: absolute;
	top: 219px;
	left: 0;
	width: 690px;
	height: 130px;
}


/* -------------------------------------------------------

2-1 コンテンツ枠

------------------------------------------------------- */
article#wrapper_site{
	margin: 0 auto;
	padding-bottom: 60px;
	width: 960px;
	height: auto;
}


/* -------------------------------------------------------

2-2 コンテンツ枠汎用

------------------------------------------------------- */
section.common_inner01{
	overflow: hidden;
	padding-bottom: 40px;
	width: 960px;
	height: auto;
}

h1.common_inner01-tit01{/* 見出し */
	padding-bottom: 10px;
	width: 960px;
	height: 41px;
}
p.common_inner01-txt01{
	padding: 0 0 10px 10px;
	width: auto;
	height: auto;
	line-height: 0;
}
p.common_inner01-txt02{
	padding: 0 0 10px 10px;
	width: auto;
	height: auto;
	font-size: 18px;
	color: #125ba8;
}

aside.common_contents-contact{
	position: relative;
	width: 960px;
	height: 225px;
}
aside.common_contents-contact p.common_contents-contact_tit{
	position: absolute;
	top: 0;
	left: 0;
	width: 960px;
	height: 198px;
	z-index: 10;
}
aside.common_contents-contact ul.common_contents-contact_number{
	position: absolute;
	top: 18px;
	left: 460px;
	width: 500px;
	height: 198px;
	z-index: 20;
}
aside.common_contents-contact ul.common_contents-contact_number li{
	padding: 0 167px 8px 0;
	width: 297px;
	height: 19px;
	text-align: right;
}
aside.common_contents-contact p.common_contents-contact_bt{
	position: absolute;
	top: 153px;
	left: 460px;
	width: 211px;
	height: 49px;
	z-index: 20;
}
aside.common_contents-contact p.common_contents-contact_txt{
	position: absolute;
	top: 206px;
	left: 20px;
	width: auto;
	height: auto;
	font-size: 18px;
	font-weight: bold;
	z-index: 20;
}


/* -------------------------------------------------------

3-1 フッタエリア

------------------------------------------------------- */
div#common_footer-area{
	overflow: hidden;
	padding: 20px 0;
	background-color: #e3e2e2;
	width: 100%;
	height: auto;
}
div.common_footer-inner{
	margin: 0 auto;
	width: 960px;
	height: auto;
}
div.common_footer-inner div.common_footer-company{/* 会社情報 */
	float: left;
	width: 474px;
	height: auto;
}
div.common_footer-inner div.common_footer-company table.common_footer-table{
	border-top: #b7b7b7 solid 1px;
	border-left: #b7b7b7 solid 1px;
	width: 473px;
	height: auto;
}
div.common_footer-inner div.common_footer-company table.common_footer-table tbody tr th{
	background-color: #d4d4d4;
	border-right: #b7b7b7 solid 1px;
	border-bottom: #b7b7b7 solid 1px;
	width: 100px;
	height: auto;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
div.common_footer-inner div.common_footer-company table.common_footer-table tbody tr td{
	padding: 5px 10px;
	background-color: white;
	border-right: #b7b7b7 solid 1px;
	border-bottom: #b7b7b7 solid 1px;
	width: auto;
	height: auto;
	vertical-align: top;
}

dl.common_footer-table-dl{
	width: auto;
	height: auto;
	margin-bottom: 1rem;
	line-height: 1.5;
}
dl.common_footer-table-dl:last-child{
	margin: 0;
}
dl.common_footer-table-dl dt{
	font-weight: bold;
}
dl.common_footer-table-dl dd aside.common_footer-table_map{
	float: right;
	padding-left: 10px;
	width: 50px;
	height: auto;
}

div.common_footer-link{/* リンク */
	float: right;
	width: 485px;
	height: auto;
}
div.common_footer-link ul.common_footer-list{
	overflow: hidden;
	padding-bottom: 30px;
	width: auto;
	height: auto;
	text-align: right;
}
div.common_footer-link ul.common_footer-list li{
	display: inline-block;
}
div.common_footer-link ul.common_footer-list li a{
	text-decoration: none;
	color: #333333;
}

div.common_footer-link footer.common_footer-copyright{
	display: block;
	width: 485px;
	height: auto;
	text-align: right;
}